{{define "footer"}}
	<footer>
		<div class="container">
			<p>Copyright (C)2015 Broadease All right reserved</p>
		</div>
	</footer>
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script type="text/javascript" src="/static/js/jquery.min.js"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
    	<script type="text/javascript" src="/static/js/bootstrap.min.js"></script>
    	<!-- Bootstrap switch javascript-->
	<!-- 调试使用-->
	<script type="text/javascript" src="/static/js/bootstrap-switch.js"></script>
    	<!--<script type="text/javascript" src="/static/js/bootstrap-switch.min.js"></script>-->
	<script type="text/javascript" src="/static/js/socket.io.js"></script>
	<script type="text/javascript">
		if({{.Prompt}}){
			alert("{{.Prompt}}");
		}
		$(document).ready(function(){
			//建立一个socket
			var socket = io();
			$("[name='my-checkbox']").bootstrapSwitch();//运行切换开关
			//$("input[name='my-checkbox']").on('switchChange.bootstrapSwitch',function(e,state){
				//socket.emit('change-state', state);
				//console.log(state);
				//return false;
			//})
			//文本框改变事件，一旦文本框中的内容改变就触发事件，改变按钮的可用状态
			$("#addr,#port,#username,#password").bind("input propertychange",function(){
				$("#go").attr("disabled",false);//将属性重置为显示可用		
			});
			//修改成功后，提交数据并判断程序是否在运行，如果在运行，关闭程序
			$("#f").submit(function(){
				alert("修改成功!");
				//判断切换开关的状态是否为开启
				if($("input[name='my-checkbox']").bootstrapSwitch('state')==true){
					$("input[name='my-checkbox']").bootstrapSwitch('toggleState');//切换开关转换
					$("input[name='my-checkbox']").bootstrapSwitch('state',false,false);//转换显示状态
				}
			});
			//按钮切换事件，触发数据发送，依据切换开关的不同状态来发送不同的数据
			$("input[name='my-checkbox']").on('switchChange.bootstrapSwitch',function(e,state){
				var port = $("input[name='port']").val();//获取输入框中的数据
				var multiAddress = $("input[name='multiaddress']").val();
				console.log(port);
				console.log(multiAddress);
				socket.emit('change-state', state,port,multiAddress);//发送数据到服务器
				console.log(state);
				return false;
			});
		});
		/*$("input[name='my-checkbox']").on('switchChange.bootstrapSwitch',function(e,state){
			var socket = io();
			var port = $("input[name='port']").val();
			var multiAddress = $("input[name='multiaddress']").val();
			console.log(port);
			console.log(multiAddress);
			socket.emit('change-state', state,port,multiAddress);
			console.log(state);
			return false;
		});*/
	</script>
</body>
</html>
{{end}}